<<<<<<< HEAD
.hangqing{
    width: 750/40rem;
    height: 89/40rem;
    text-align: center;
}
#typename{
    width:620/40rem;
}

=======
body{
    background:#17191d;
    div#container{
        section:nth-child(1){
            display:flex;
            margin:10/46.9rem 27/46.9rem 0rem;
            div.search{
                flex:8;
    //          width:621/40rem;
                height:72/46.9rem;
                position:relative;
                i{
                    width:40/46.9rem;
                    height:40/46.9rem;
                    display:inline-block;
                    background:url(../image/search.png) no-repeat left;
                    -webkit-background-size: cover;
                    background-size: cover;
                    position:absolute;
                    top:30/46.9rem;
                    left:16/46.9rem;
                }
                input{
                    border-radius:10/46.9rem;
                    height: 61/46.9rem;      background:#232532;
                    font-size:26/46.9rem;
                    color:#8590A3;
                    padding:3/46.9rem 40/46.9rem 5/46.9rem 80/46.9rem;
                }
            }
            div.cancel{
                flex:2;
                color:#8590A3;
                height:65/46.9rem;
                text-align:center;
                font-size:26/46.9rem;
                line-height:61/46.9rem;
                margin-left:20/46.9rem;
                margin-top: 0.3rem;
            }
        }
        nav{
            margin-top:13/46.9rem;
            ul{
                display:flex;
                li{
                    flex:3.33;
                    color:#3B9CE0;
                    font-size:30/46.9rem;
                    height:75/46.9rem;
                    text-align:center;
                    line-height: 75/46.9rem;
                }
            }
        }
        div#j_content{
            li{
                background:#17191d;
                div.behind {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    right: 0;
                    a.ui-btn {
                        width: 68px;
                        margin: 0px;
                        float: right;
                        border: none;
                        background: #f0364c;
                        height:50%;
                        text-shadow: none;
                        line-height: 2.2rem;
                    }
                    .behind a.ui-btn.pull-left {
                        float: left;
                    }
                    .behind a.delete-btn, 
                    .behind a.delete-btn:active, 
                    .behind a.delete-btn:visited, 
                    .behind a.delete-btn:focus, 
                    .behind a.delete-btn:hover {
                        color: white;
                        background-color: #f0364c;
                        text-shadow: none;
                    }
                }
                a#item{
                    display:flex;
                    padding:52/46.9rem 28/46.9rem 0rem;
                    border:none;
                    background:#17191d;
                    text-shadow: none;
                    font-weight: 100;
                    div{
                        flex:3;
                        overflow:hidden;
                        text-align: center;
                        p{
                            color:#FFFFFF;
                            font-size:34/46.9rem;
                            padding:0rem;
                            margin:0.2rem 0rem;
                            text-align:center;
                            img{
                                width:48/46.9rem;
                                height:34/46.9rem;
                                vertical-align:middle;
                                margin-left:0.2rem;
                            }
                        }
                        p:nth-child(2){
                            font-size:26/46.9rem;
                            text-align:left;
                            text-indent:0.8rem;
                        }
                        img{
                            width:24/46.9rem;
                            height: 38/46.9rem;
                            display:inline-block;
                        }
                    }
                    div.red{
                        color:#F0364C;
                        line-height:2rem;
                    }
                    div.gray{
                        color:#C8C5CF;
                        line-height: 1.1rem;
                        line-height:2rem;
                    }
                    div.green{
                        color:#3EB581;
                        line-height:2rem;
                    }
                } 
            }
        }
    }
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #8590A3; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #8590A3; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #8590A3; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #8590A3; 
}
.ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    text-shadow: 0 0px 0 rgba(0,0,0,0);
}
.ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a{
    text-shadow: 0 0px 0 rgba(0,0,0,0);
}
.ui-input-text, .ui-input-search{
    border-width: 0px;
}
.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after{
    content: inherit;;
}
.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after{
    background:none;
}
.ui-content {
    padding:0rem;
}
.ui-content .ui-listview, .ui-panel-inner>.ui-listview{
    margin:0rem;
}
div#j_bottom{
    padding-bottom:2.5rem;    
    height:48%;
}
div#j_append{
    width:87/46.9rem;
    height:87/46.9rem;
    border-radius:50%;
    overflow:hidden;
    background:url(../image/j_append.png) no-repeat center center;
                    -webkit-background-size: cover;
                    background-size: cover;
                    position:fixed;
                    bottom:180/46.9rem;
                    right: 28/46.9rem;
}
>>>>>>> a17e24115bab0e74a9bafaa0585cf40de777f5e2
